<template>
    <view class="shadow-[0_5px_7px_-3px_rgba(0,0,0,0.25)]">
        <view class="navbar-container-between h-[80px] max-md:h-[55px]">
            <navigator url="/pages/index/index" class="basis-3/12 max-md:basis-auto">
                <view class="text-[30px] max-md:text-[24px] font-bold">HIVE CHAIN</view>
            </navigator>
            <view class="navbar-search basis-6/12 max-md:hidden">
                <v-search />
            </view>
            <view class="navbar-container-end max-md:hidden basis-4/12">
                <view class="navbar-text" @click="onAccount">{{ $t("common.head.text1") }}</view>
                <view class="navbar-text" @click="onBlocks">{{ $t("common.head.text2") }}</view>
                <view class="navbar-text" @click="onTransactions">{{ $t("common.head.text3") }}</view>
            </view>
        </view>
    </view>
</template>
<script setup>
import { navigateTo } from "@/utils/tools"
const onAccount = () => {
    navigateTo(`account`)
}

const onBlocks = () => {
    navigateTo(`blocks`)
}

const onTransactions = () => {
    navigateTo(`transactions`)
}
</script>
